<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>test_desc</title>
	
	<style>
		/*css reset*/
		*{margin: 0;padding: 0;}
		.div_content{
			width: 609px;height: 377px;
			background-color: #e8e8e8;
			background-image: url("img/study_computer_img1.png");
			background-repeat: no-repeat;
			background-position: 200px 40px;
			margin: 0 auto;
		}
		#div_desc{
			width: 260px; height: 243px;
			margin-left: 50px;
			margin-top: 70px;
		}
		#div_desc h4{
			margin-top:2px ;
			margin-bottom:2px ;
			font-size: 32px;
			color: #333;
		}
		.details{
			font-size: 12px;
			color: #666666;
			margin-bottom: 24px;
		}
		.price{
			font-size: 24px;
			color: #0aa1ed;
			margin-bottom: 20px;
		}
		.button_class{
			border: 0;
			width: 130px;
			height: 40px;
			background-color: #0aa1ed;
			color: white;
			text-align: center;
			font-size: 16px;
			border-radius: 2px; /*倒角*/
		}
	</style>
	
	
</head>
<body>



<div class="div_content">
	<table></table>
	<div id="div_desc">
		<h4>Apple MacBook <br> Air系列</h4>
		<p class="details">酷睿双核i5处理器|256GB SSD|8GB内存|英特尔HD显卡620含共享显卡内存</p>
		<p class="price">￥6988.00</p>
		
		
		
		<button class="button_class">查看详情</button>
	</div>
</div>





<br><br><br><br><br><br><br><br>
</body>
</html>